<template>
	<view>
		<view>
			<image src="@/static/home/u106.png" style="width: 100vw;height:180px" mode=""></image>
		</view>
		
	<!-- 	<view style="display: flex;justify-content: flex-start;width: 96%; margin:0 auto; margin-left: 9px;background-color: white; border: 1px solid #e4e4e4; margin-bottom: 8px; padding-left:15px;margin-top: 10px; overflow: hidden; box-sizing: border-box;">
				<view style="margin-top: 5px;">
					<image src="/static/home/sousuo.png" mode="" style="width: 56px;height: 55px;"></image>
				</view>
				<view style="margin-left: 20px;display: flex;flex-direction: column;justify-content: space-between;">
					<view style="display: flex;justify-content: space-between;width: 250px;margin-top: 5px;">
						<h4>张三三</h4>
						<span style="font-size: 14px;color: #dccfc9;">南大街社区服务中心</span>
					</view>
					<view style="display: flex;justify-content: space-between;font-size: 12px;">
						<view>
							<span style="color: #a1a1a1;">签约居民：</span>
							<span style="color: #3933ff;">1231</span>
						</view>
						<view>
							<span style="color: #a1a1a1;">服务次数：</span>
							<span style="color: #3933ff;">234</span>
						</view>
					</view>
				</view>
		</view> -->
		<view style="width: 96%; margin:0 auto; margin-left: 9px;background-color: white; border: 1px solid #e4e4e4; margin-bottom: 8px; margin-top: 10px; overflow: hidden; box-sizing: border-box;">
			<view class="flx" style="width: 90%; margin:0 auto; margin-top: 10px;">
				<view class="flxAlign">
					<view style="width: 32px; height: 32px;">
						<image style="width: 100%; height: 100%;" src="/static/images/u_001.png"></image>
					</view>
				</view>
				
				<view class="flx" style="width: 88%;">
					<view>
						<view style="font-size: 17px; font-weight: 600;">患者</view>
						<view style="color: #a5a5a5; font-size: 12px; margin-top: 5px;">患者张小小向您报道...</view>
					</view>
					<view>
						<view class="flxEnd flxAlign" style="margin-top: 5px;">
							<view style="width: 15px; height: 15px; border: 50%; color: #fff; border-radius: 50%; background-color: red; text-align: center; line-height: 15px; font-size: 5px; ">5</view>
							<view>
								<u-icon name='arrow-right' size="30rpx"></u-icon>
							</view>
						</view>
						<view  style="color: #a5a5a5; font-size: 10px; margin-top:7px;">上午08:31</view>
					</view>
				</view>
			</view>
			<view class="flx" style="width: 90%; margin:0 auto; margin-top: 10px;">
				<view class="flxAlign">
					<view style="width: 32px; height: 32px;">
						<image style="width: 100%; height: 100%;" src="/static/images/u_001.png"></image>
					</view>
				</view>
				
				<view class="flx" style="width: 88%;">
					<view>
						<view style="font-size: 17px; font-weight: 600;">处方</view>
						<view style="color: #a5a5a5; font-size: 12px; margin-top: 5px;">患者张大大向您发来了申请续方...</view>
					</view>
					<view>
						<view class="flxEnd flxAlign" style="margin-top: 5px;">
							<view style="width: 15px; height: 15px; border: 50%; color: #fff; border-radius: 50%; background-color: red; text-align: center; line-height: 15px; font-size: 5px; ">10</view>
							<view>
								<u-icon name='arrow-right' size="30rpx"></u-icon>
							</view>
						</view>
						<view  style="color: #a5a5a5; font-size: 10px; margin-top:7px;">上午08:31</view>
					</view>
				</view>
			</view>
			<view class="flx" style="width: 90%; margin:0 auto; margin-top: 10px;">
				<view class="flxAlign">
					<view style="width: 32px; height: 32px;">
						<image style="width: 100%; height: 100%;" src="/static/images/u_001.png"></image>
					</view>
				</view>
				
				<view class="flx" style="width: 88%;">
					<view>
						<view style="font-size: 17px; font-weight: 600;">问诊</view>
						<view style="color: #a5a5a5; font-size: 12px; margin-top: 5px;">患者里斯向您打起了问诊...</view>
					</view>
					<view>
						<view class="flxEnd flxAlign" style="margin-top: 5px;">
							<view style="width: 15px; height: 15px; border: 50%; color: #fff; border-radius: 50%; background-color: red; text-align: center; line-height: 15px; font-size: 5px; ">3</view>
							<view>
								<u-icon name='arrow-right' size="30rpx"></u-icon>
							</view>
						</view>
						<view  style="color: #a5a5a5; font-size: 10px; margin-top:7px;">上午08:31</view>
					</view>
				</view>
			</view>
			<view style="width:100%; height: 20px;"></view>
		</view>
		<view style="margin-top: 8px;">
			
		<!-- 	<view style="display: flex;justify-content: space-between;background-color: #fff;padding: 10px;border: 1px solid #cdcdcd;">
				<h5>我的工作台</h5>
				<span style="font-size: 12px;color: #aeaeae;">更多</span>
			</view> -->
		
			<view style="background-color: #fff;
			font-size: 14px;
			padding: 10px;border-bottom: 1px solid #cdcdcd; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd;display: flex;justify-content: space-around; ">
				<view @click="gotoserve">
					<view style="width: 68px;height: 68px;border-radius: 50%;border: 2px solid #a1a1a1;">
						<image src="@/static/images/u329.png" mode="" style="width: 41px;height: 45px;margin-left: 15px;margin-top: 10px;"></image>
					</view>
					<view style="margin-left: 8px;margin-top: 20px; ">
						<span>图文问诊</span>
					</view>
				</view>
				
				<view @click="gotonline">
						<view style="width: 68px;height: 68px;border-radius: 50%;border: 2px solid #a1a1a1;">
							<image src="@/static/images/u331.png" mode="" style="width: 39px;height: 42px;margin-left: 15px;margin-top: 10px;"></image>
							
						</view>
						<view style="margin-left: 8px;margin-top: 20px;" >
							<span>视频问诊</span>
						</view>
				</view>
				<view @click="gotochronic">
					<view style="width: 68px;height: 68px;border-radius: 50%;border: 2px solid #a1a1a1;">
						<image src="@/static/images/u333.png" mode="" style="width: 52px;height: 54px;margin-left: 8px;margin-top: 8px;"></image>
					
					</view>
					<view style="margin-left: 8px;margin-top: 20px;margin-bottom: 20px;">
							<span>双向转诊</span>
					</view>
				</view>
				
			</view>
		</view>
		<view style="background-color: #fff;border: 1px solid #cdcdcd; margin-top: 10px;  border-bottom: 0px;">
			
			<view style="display: flex;justify-content: space-between;background-color: #fff;padding: 10px;border-bottom: 1px solid #cdcdcd;margin-top: 10px;">
				<h5>最新咨询</h5>
				<span style="font-size: 12px;color: #aeaeae;">更多</span>
			</view>
			<view style="display: flex;justify-content: flex-start; margin-top: 10px;margin-bottom: 10px;border-bottom: 1px solid #cdcdcd;padding-bottom: 20px;">
				<view style="margin-top: 5px; border: 1px solid #a1a1a1; border-radius: 50%;width: 52px;height: 51px;margin-left: 10px;">
					<image src="@/static/images/u253.png" mode="" style="width: 36px;height: 36px;margin-top: 5px;margin-left: 8px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;">
					<view style="display: flex;justify-content: space-between;width: 200px;">
						<h5>张里</h5>
						<span style="font-size: 12px;color: #dccfc9;">54岁</span>
						<p style="font-size: 12px;background-color: #ffcc00;color: #fff;border-radius: 5px;width: 50px;">签约居民</p>
						<p  style="font-size: 12px;background-color: #33ccff;color: #fff;border-radius: 5px;width: 60px;">高血压人群</p>
					</view>
					<view style="font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 200px;">
						最近总感觉腰疼，不知道是什么原因形成的
					</view>
				</view>
				<view style="font-size: 12px;color: #bcbcbc;margin-left: 30px;">
					<span>1分钟内</span>
				</view>
			</view>
			
			<view style="display: flex;justify-content: flex-start; margin-top: 10px;margin-bottom: 10px; padding-bottom: 20px;border-bottom: 1px solid #cdcdcd;">
				<view style="margin-top: 5px; border: 1px solid #a1a1a1; border-radius: 50%;width: 52px;height: 51px;margin-left: 10px;">
					<image src="@/static/images/u253.png" mode="" style="width: 36px;height: 36px;margin-top: 5px;margin-left: 8px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;">
					<view style="display: flex;justify-content: space-between;width: 200px;">
						<h5>张力里</h5>
						<span style="font-size: 12px;color: #dccfc9;">18岁</span>
						<p style="font-size: 12px;background-color: #ffcc00;color: #fff;border-radius: 5px;width: 50px;">签约居民</p>
						<!-- <p  style="font-size: 12px;background-color: #33ccff;color: #fff;border-radius: 5px;width: 60px;">高血压人群</p> -->
					</view>
					<view style="font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 200px;">
						最近嗓子痒，是不是阳了，怎么办？？？
					</view>
				</view>
				<view style="font-size: 12px;color: #bcbcbc;margin-left: 30px;">
					<span>1周内</span>
				</view>
			</view>
			
			
			<view style="display: flex;justify-content: flex-start; margin-top: 10px;margin-bottom: 10px; padding-bottom: 20px;border-bottom: 1px solid #cdcdcd;">
				<view style="margin-top: 5px; border: 1px solid #a1a1a1; border-radius: 50%;width: 52px;height: 51px;margin-left: 10px;">
					<image src="@/static/images/u253.png" mode="" style="width: 36px;height: 36px;margin-top: 5px;margin-left: 8px;"></image>
				</view>
				<view style="display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;">
					<view style="display: flex;justify-content: space-between;width: 200px;">
						<h5>王磊</h5>
						<span style="font-size: 12px;color: #dccfc9;">40岁</span>
						<!-- <p style="font-size: 12px;background-color: #ffcc00;color: #fff;border-radius: 5px;width: 50px;">签约居民</p> -->
						<p  style="font-size: 12px;background-color: #33ccff;color: #fff;border-radius: 5px;width: 60px;">高血压人群</p>
					</view>
					<view style="font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width: 200px;">
						感冒了，一直咳嗽，咳得的时候头疼!
					</view>
				</view>
				<view style="font-size: 12px;color: #bcbcbc;margin-left: 30px;">
					<span>1分钟内</span>
				</view>
			</view>
		</view>
		
	
	</view>
		

</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods:{
			gotoserve(){
				uni.navigateTo({ 
					url: '/pages/OnlineConsultation/twwzfa' ,
			})
			},
			gotonline(){
				uni.navigateTo({ 
					url: '/pages/OnlineConsultation/twwzfa' ,
			})
			},
			gotochronic(){
				uni.navigateTo({
						url: '/pages/twowayReferral/index?index=' + 1 ,
				})
			},
			meHz(){
				uni.navigateTo({
						url: '/pages/me/meHz' ,
				})
			}
		}
	}
</script>

<style lang="scss">
page{
	background-color: #f2f2f2;
}
</style>